<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>列表页</title>
    <link rel="stylesheet" href="../css/list.css">
    <link rel="stylesheet" href="../css/iconfont.css">
</head>
<body>
<div class="web">
    <header>
        <div class="container clearfix">
            <div class="header_nav">
                <a href="index.html">小米商城</a>
                <span class="line">|</span>
                <a href="login.html">MIUI</a>
                <span class="line">|</span>
                <a href="list.html">米聊</a>
                <span class="line">|</span>
                <a href="personal.html">游戏</a>
                <span class="line">|</span>
                <a href="details.html">多看阅读</a>
                <span class="line">|</span>
                <a href="#">云服务</a>
                <span class="line">|</span>
                <a href="#">金融</a>
                <span class="line">|</span>
                <a href="#">小米商城移动版</a>
                <span class="line">|</span>
                <a href="#">问题反馈</a>
                <span class="line">|</span>
                <a href="#">Select Region</a>
            </div>
            <div class="topbar-cart">
                <a href=""><i class="iconfont icon-gouwuche"></i>购物车<span class="cart_num">（0）</span></a>
                <div class="cart_menu">
                    <p class="loading">购物车中还没有商品，赶紧选购吧！</p>
                </div>
            </div>
            <div class="header_info">
                <a href="">登陆</a>
                <span class="line">|</span>
                <a href="">注册</a>
                <span class="line">|</span>
                <a href="">消息通知</a>
            </div>
        </div>
    </header>
    <section>
        <div class="container">
            <div class="nav clearfix">
                <div class="logo">
                    <a href="index.html" href="#"></a>
                </div>
                <div class="imggif">
                    <a href="#"></a>
                </div>
                <div class="nav-list">
                    <ul>
                        <li><a href="#">小米手机</a></li>
                        <li><a href="#">红米</a></li>
                        <li><a href="#">平板 · 笔记本</a></li>
                        <li><a href="#">电视</a></li>
                        <li><a href="#">盒子 · 影音</a></li>
                        <li><a href="#">路由器</a></li>
                        <li><a href="#">智能硬件</a></li>
                        <li><a href="#">服务</a></li>
                        <li><a href="#">社区</a></li>
                    </ul>
                </div>
                <div class="search">
                    <form action="" method="get">
                        <input type="text" class="search_div">
                        <input type="submit" class="iconfont search_button" value="&#xe669;">
                        <div class="search_list" onblur="">
                            <ul>
                                <li><a href="#">小米盒子<span>约8件</span></a></li>
                                <li><a href="#">小米盒子<span>约8件</span></a></li>
                                <li><a href="#">小米盒子<span>约8件</span></a></li>
                                <li><a href="#">小米盒子<span>约8件</span></a></li>
                                <li><a href="#">小米盒子<span>约8件</span></a></li>
                                <li><a href="#">小米盒子<span>约8件</span></a></li>
                                <li><a href="#">小米盒子<span>约8件</span></a></li>
                                <li><a href="#">小米盒子<span>约8件</span></a></li>
                                <li><a href="#">小米盒子<span>约8件</span></a></li>
                            </ul>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <div class="breadcrumbs">
            <div class="container">
                <a href="">首页</a>
                <a href="">全部结果</a>
                <a href="">小米6</a>
            </div>
        </div>
        <div class="container list_classification_all">
            <div class="list_classification">
                <dl>
                    <dt>分类：</dt>
                    <dd>全部</dd>
                    <dd>贴膜</dd>
                    <dd>小米头戴式耳机</dd>
                    <dd>保护套/保护壳</dd>
                    <dd>小米圈铁耳机</dd>
                    <dd>小米活塞耳机</dd>
                    <dd>小米头戴式耳机</dd>
                    <dd>贴膜</dd>
                    <dd>小米头戴式耳机</dd>
                    <dd>保护套/保护壳</dd>
                    <dd>小米圈铁耳机</dd>
                    <dd>小米活塞耳机</dd>
                    <dd>小米头戴式耳机</dd>
                    <dd>贴膜</dd>
                    <dd>小米头戴式耳机</dd>
                    <dd>保护套/保护壳</dd>
                    <dd>小米圈铁耳机</dd>
                    <dd>小米活塞耳机</dd>
                </dl>
            </div>
            <div class="list_more">
                更多
                <i class="iconfont icon-jiantou-"></i>
            </div>
        </div>
        <div class="content">
            <div class="container">
                <div class="order_type clearfix">
                    <ul class="order_list">
                        <li>
                        <a href="">
                            推荐
                        </a>
                    </li>
                        <li>
                            <a href="">
                                推荐
                            </a>
                        </li>
                        <li>
                            <a href="">
                                价格
                                <i class="iconfont icon-up"></i>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                推荐
                            </a>
                        </li>
                    </ul>
                    <ul class="type_list">
                        <li>
                            <span>
                                <i class="iconfont icon-weibiaoti14"></i>
                            </span>
                            查看评价
                        </li>
                        <li>
                            <span>
                                <i class="iconfont icon-weibiaoti14"></i>
                            </span>
                            查看评价
                        </li>
                        <li>
                            <span>
                                <i class="iconfont icon-weibiaoti14"></i>
                            </span>
                            查看评价
                        </li>
                        <li>
                            <span>
                                <i class="iconfont icon-weibiaoti14"></i>
                            </span>
                            查看评价
                        </li>
                    </ul>
                </div>
                <div class="good-list clearfix">
                    <div class="good_list_div">
                        <div class="good_img">
                            <a href="">
                                <img src="../img/list/good_1.jpg" alt="">
                            </a>
                        </div>
                        <h2>小米降噪耳机Type-C版 黑色</h2>
                        <p class="desc">199元</p>
                        <div class="good_photo">
                            <ul>
                                <li class="good_photo_div">
                                    <img src="../img/list/good_1.jpg" alt="">
                                </li>
                            </ul>
                        </div>
                        <div class="good_do clearfix">
                            <div class="love fl"><i class="iconfont icon-aixin fl"></i><span>喜欢</span></div>
                            <div class="shoppingCar fr"><i class="iconfont icon-gouwuche fr"></i><span>加入购物车</span></div>
                        </div>
                    </div>
                    <div class="good_list_div">
                        <div class="good_img">
                            <a href="">
                                <img src="../img/list/good_1.jpg" alt="">
                            </a>
                        </div>
                        <h2>小米降噪耳机Type-C版 黑色</h2>
                        <p class="desc">199元</p>
                        <div class="good_photo">
                            <ul>
                                <li class="good_photo_div">
                                    <img src="../img/list/good_1.jpg" alt="">
                                </li>
                            </ul>
                        </div>
                        <div class="good_do clearfix">
                            <div class="love fl"><i class="iconfont icon-aixin fl"></i><span>喜欢</span></div>
                            <div class="shoppingCar fr"><i class="iconfont icon-gouwuche fr"></i><span>加入购物车</span></div>
                        </div>
                    </div>
                    <div class="good_list_div">
                        <div class="good_img">
                            <a href="">
                                <img src="../img/list/good_1.jpg" alt="">
                            </a>
                        </div>
                        <h2>小米降噪耳机Type-C版 黑色</h2>
                        <p class="desc">199元</p>
                        <div class="good_photo">
                            <ul>
                                <li class="good_photo_div">
                                    <img src="../img/list/good_1.jpg" alt="">
                                </li>
                            </ul>
                        </div>
                        <div class="good_do clearfix">
                            <div class="love fl"><i class="iconfont icon-aixin fl"></i><span>喜欢</span></div>
                            <div class="shoppingCar fr"><i class="iconfont icon-gouwuche fr"></i><span>加入购物车</span></div>
                        </div>
                    </div>
                    <div class="good_list_div">
                        <div class="good_img">
                            <a href="">
                                <img src="../img/list/good_1.jpg" alt="">
                            </a>
                        </div>
                        <h2>小米降噪耳机Type-C版 黑色</h2>
                        <p class="desc">199元</p>
                        <div class="good_photo">
                            <ul>
                                <li class="good_photo_div">
                                    <img src="../img/list/good_1.jpg" alt="">
                                </li>
                            </ul>
                        </div>
                        <div class="good_do clearfix">
                            <div class="love fl"><i class="iconfont icon-aixin fl"></i><span>喜欢</span></div>
                            <div class="shoppingCar fr"><i class="iconfont icon-gouwuche fr"></i><span>加入购物车</span></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="content">
            <div class="container recommend">
                <fieldset class="fiel_line">
                    <legend align="center"><span>为你推荐</span></legend>
                </fieldset>
                <div class="recommend_div_all">
                    <ul>
                        <li class="recommend_div">
                            <div class="recommend_img">
                                <img src="../img/list/recommend_1.jpg" alt="">
                            </div>
                            <h2> 小米笔记本Air 13.3英寸 </h2>
                            <p class="price">4599元</p>
                            <p class="tips">1.1万人好评</p>
                        </li>
                        <li class="recommend_div">
                            <div class="recommend_img">
                                <img src="../img/list/recommend_1.jpg" alt="">
                            </div>
                            <h2> 小米笔记本Air 13.3英寸 </h2>
                            <p class="price">4599元</p>
                            <p class="tips">1.1万人好评</p>
                        </li>
                        <li class="recommend_div">
                            <div class="recommend_img">
                                <img src="../img/list/recommend_1.jpg" alt="">
                            </div>
                            <h2> 小米笔记本Air 13.3英寸 </h2>
                            <p class="price">4599元</p>
                            <p class="tips">1.1万人好评</p>
                        </li>
                        <li class="recommend_div">
                            <div class="recommend_img">
                                <img src="../img/list/recommend_1.jpg" alt="">
                            </div>
                            <h2> 小米笔记本Air 13.3英寸 </h2>
                            <p class="price">4599元</p>
                            <p class="tips">1.1万人好评</p>
                        </li>
                        <li class="recommend_div">
                            <div class="recommend_img">
                                <img src="../img/list/recommend_1.jpg" alt="">
                            </div>
                            <h2> 小米笔记本Air 13.3英寸 </h2>
                            <p class="price">4599元</p>
                            <p class="tips">1.1万人好评</p>
                        </li>
                        <li class="recommend_div">
                            <div class="recommend_img">
                                <img src="../img/list/recommend_1.jpg" alt="">
                            </div>
                            <h2> 小米笔记本Air 13.3英寸 </h2>
                            <p class="price">4599元</p>
                            <p class="tips">1.1万人好评</p>
                        </li>
                        <li class="recommend_div">
                            <div class="recommend_img">
                                <img src="../img/list/recommend_1.jpg" alt="">
                            </div>
                            <h2> 小米笔记本Air 13.3英寸 </h2>
                            <p class="price">4599元</p>
                            <p class="tips">1.1万人好评</p>
                        </li>
                    </ul>
                    <div class="recommend_circle circle_all">
                        <ul>
                            <li class="circle"></li>
                            <li class="circle"></li>
                            <li class="circle"></li>
                            <li class="circle"></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <footer>
        <div class="container">
            <div class="footer_service">
                <ul class="clearfix">
                    <li>
                        <a href="#">
                            <i class="iconfont icon-weixiu"></i>
                            预约维修服务
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <i class="iconfont icon-weixiu"></i>
                            预约维修服务
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <i class="iconfont icon-weixiu"></i>
                            预约维修服务
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <i class="iconfont icon-weixiu"></i>
                            预约维修服务
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <i class="iconfont icon-weixiu"></i>
                            预约维修服务
                        </a>
                    </li>
                </ul>
            </div>
            <div class="footer_link clearfix">
                <dl>
                    <dt>帮助中心</dt>
                    <dd><a href="">账户管理</a></dd>
                    <dd><a href="">购物指南</a></dd>
                    <dd><a href="">订单操作</a></dd>
                </dl>
                <dl>
                    <dt>帮助中心</dt>
                    <dd><a href="">账户管理</a></dd>
                    <dd><a href="">购物指南</a></dd>
                    <dd><a href="">订单操作</a></dd>
                </dl>
                <dl>
                    <dt>帮助中心</dt>
                    <dd><a href="">账户管理</a></dd>
                    <dd><a href="">购物指南</a></dd>
                    <dd><a href="">订单操作</a></dd>
                </dl>
                <dl>
                    <dt>帮助中心</dt>
                    <dd><a href="">账户管理</a></dd>
                    <dd><a href="">购物指南</a></dd>
                    <dd><a href="">订单操作</a></dd>
                </dl>
                <dl>
                    <dt>帮助中心</dt>
                    <dd><a href="">账户管理</a></dd>
                    <dd><a href="">购物指南</a></dd>
                    <dd><a href="">订单操作</a></dd>
                </dl>
                <dl>
                    <dt>帮助中心</dt>
                    <dd><a href="">账户管理</a></dd>
                    <dd><a href="">购物指南</a></dd>
                    <dd><a href="">订单操作</a></dd>
                </dl>
                <div class="contact">
                    <p class="phone">400-100-5678</p>
                    <p>周一至周日 8:00-18:00</p>
                    <p>（仅收市话费）</p>
                    <a href="#" class="contact_btn"><i class="iconfont icon-yingyuanxinxishuaqia"></i> 24小时在线客服</a>
                </div>
            </div>
        </div>
        <div class="bg_grey">
            <div class="container index_container footer_info clearfix">
                <div class="footer_logo"></div>
                <div class="footer_info_text">
                    <p class="footer_alink">
                        <a href="">小米商城</a>
                        <span>|</span>
                        <a href="">小米商城</a>
                        <span>|</span>
                        <a href="">小米商城</a>
                        <span>|</span>
                        <a href="">小米商城</a>
                        <span>|</span>
                        <a href="">小米商城</a>
                        <span>|</span>
                        <a href="">小米商城</a>
                        <span>|</span>
                        <a href="">小米商城</a>
                        <span>|</span>
                        <a href="">小米商城</a>
                        <span>|</span>
                        <a href="">小米商城</a>
                        <span>|</span>
                        <a href="">小米商城</a>
                        <span>|</span>
                        <a href="">小米商城</a>
                        <span>|</span>
                        <a href="">小米商城</a>
                    </p>
                    <p class="">
                        ©
                        <a href="">mi.com</a>
                        京ICP证110507号
                        <a href="">京ICP备10046444号</a>
                        <a href="">京公网安备11010802020134号 </a>
                        <a href="">京网文[2014]0059-0009号</a>
                    </p>
                    <p> 违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
                </div>
                <div class="footer_info_img">
                    <ul>
                        <li>
                            <a href="#">
                                <img src="../img/index/v-logo-2.png" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../img/index/v-logo-2.png" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../img/index/v-logo-2.png" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../img/index/v-logo-2.png" alt="">
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="footer_lastTitle"></div>
        </div>
    </footer>
</div>
</body>
</html>